<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>雪花图</title>
    <style>
        body{

        }
        p {
            font-size: 25px;
            color: pink;
            position: fixed;
            top: 20%;
            left: 30%;
            text-shadow: 1px 1px 5px white;
            font-weight: 400;
            animation: fly 3s linear alternate infinite;
        }
        @keyframes fly {
            from {
                font-size:25px;
            }
            to{
                font-size:120px;
            }
        }
        img{
            position: fixed;
            top:0;
            left:0;
            z-index: -2;
        }
    </style>
</head>
<body>
<canvas id="myCanvas" width="1500" height="700">your browser does not support</canvas>
<p>520快乐</p>
<img src="img/29381f30e924b899635a000168061d950a7bf6a1.jpg"/>
<script src="xuehua.js"></script>
<script src="drawHeart.js"></script>
<script>
    var canvas=document.querySelector("#myCanvas");
    window.onload=function(){
        snow(canvas);
    };
</script>
</body>
</html>